@font-face {
}

html,
body {
	padding: 0;
	margin: 0;
	/*font-family: arial, "微软雅黑";*/
	font-size: 14px;
	/*overflow-x: hidden;*/
	/*line-height: 1.7;*/
	/*letter-spacing: 2px;*/
	color: #333;
	background: #F4F4F4;
}

body {
	overflow-x: hidden;
}

.linear1 {
	background: linear-gradient( #1277D1, #0368C2);
	color: #fff;
}

.wrap {
	max-width: 1280px;
	margin: 0 auto;
	width: 90%;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
}

ol li {
	list-style: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
	color: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
	background: none;
	text-decoration: none;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.imgDiv {
	overflow: hidden;
	text-align: center;
}

img {
	max-width: 100%;
	max-height: 100%;
}

.swiper-button-next,
.swiper-button-prev,
input:focus,
button:focus,
textarea:focus {
	outline: none;
}

button {
	cursor: pointer;
}

textarea {
	resize: none;
}

p,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	line-height: 1;
}

.ovh {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ovh2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.ovh3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ease05 {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.on-hover-open {
	position: relative;
	display: block;
	overflow: hidden;
}

.on-hover-open b {
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #FFFFFF;
	opacity: 0.1;
	transition: 0.5s;
	z-index: 0;
}

.on-hover-open:hover b {
	width: 100%;
	height: 100%;
	transition: 0.5s;
	z-index: 2;
}

.on-hover img {
	transition: 0.5s;
}

.on-hover:hover img {
	transform: scale(1.05);
	transition: 0.5s;
}

.pc-block {
	display: block;
}

.m-block {
	display: none;
}

.imgWrapper {
	padding: 50% 50%;
	position: relative;
	overflow: hidden;
}

.imgWrapper .imgDiv {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.radius {
	border-radius: 100000px;
}

.radius50 {
	border-radius: 50%;
}

.radius10 {
	border-radius: 10px;
}

.colorfff {
	color: #fff;
}

.block {
	display: block;
}

.line-height1 {
	line-height: 1;
}

.row.row10 {
	margin: -10px;
}

.row.row10>div {
	padding: 10px;
}

.row.row15 {
	margin: -15px;
}

.row.row15>div {
	padding: 15px;
}

.bgfff {
	background: #FFFFFF;
}

.right {
	text-align: right;
}

.spacing1 {
	letter-spacing: 1px;
}

.bgf5f5f5 {
	background: #F5F5F5;
}

.color999 {
	color: #999;
}

.img {
	width: 100%;
	display: block;
	background: none no-repeat center;
	background-size: cover;
	position: relative;
}

.uppercase {
	text-transform: uppercase;
}

.align_right {
	text-align: right;
}

.swiper_wrapper {
	position: relative;
}


/*****/

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font24 {
	font-size: 24px;
}

.font26 {
	font-size: 26px;
}

.font28 {
	font-size: 28px;
}

.font30 {
	font-size: 30px;
}

.font36 {
	font-size: 36px;
}

.font40 {
	font-size: 40px;
}

.font45 {
	font-size: 45px;
}

.font48 {
	font-size: 48px;
}

.font60 {
	font-size: 60px;
}

.font65 {
	font-size: 65px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt100 {
	margin-top: 100px;
}

.mt110 {
	margin-top: 110px;
}

.mt120 {
	margin-top: 120px;
}

.mt130 {
	margin-top: 130px;
}

.mt150 {
	margin-top: 150px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb90 {
	margin-bottom: 90px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb110 {
	margin-bottom: 110px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb130 {
	margin-bottom: 130px;
}

.padding5 {
	padding: 5px 0;
}

.padding10 {
	padding: 10px 0;
}

.padding15 {
	padding: 15x 0;
}

.padding20 {
	padding: 20px 0;
}

.padding25 {
	padding: 25px 0;
}

.padding30 {
	padding: 30px 0;
}

.padding35 {
	padding: 35px 0;
}

.padding40 {
	padding: 40px 0;
}

.padding50 {
	padding: 50px 0;
}

.padding60 {
	padding: 60px 0;
}

.padding70 {
	padding: 70px 0;
}

.padding80 {
	padding: 80px 0;
}

.padding90 {
	padding: 90px 0;
}

.padding100 {
	padding: 100px 0;
}

.padding110 {
	padding: 110px 0;
}

.padding120 {
	padding: 120px 0;
}

.padding130 {
	padding: 130px 0;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pt60 {
	padding-top: 60px;
}

.pt70 {
	padding-top: 70px;
}

.pt80 {
	padding-top: 80px;
}

.pt90 {
	padding-top: 90px;
}

.pt100 {
	padding-top: 100px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb35 {
	padding-bottom: 35px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb60 {
	padding-bottom: 60px;
}

.pb70 {
	padding-bottom: 70px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb90 {
	padding-bottom: 90px;
}

.pb100 {
	padding-bottom: 100px;
}

.pb160 {
	padding-bottom: 160px;
}

.center {
	text-align: center;
}

@media all and (max-width:1600px) {}

@media all and (max-width:1440px) {}

@media all and (max-width:1280px) {}

@media all and (max-width:1024px) {
	.font60 {
		font-size: 46px;
	}
	.font22,
	.font24 {
		font-size: 18px;
	}
	.font18 {
		font-size: 14px;
	}
	.font36 {
		font-size: 28px;
	}
	.font30 {
		font-size: 24px;
	}
	.mb100 {
		margin-bottom: 70px;
	}
}

@media all and (max-width:992px) {
	.font18 {
		font-size: 16px;
	}
	.mt50 {
		margin-top: 30px;
	}
	.padding60,
	.padding70,
	.padding80 {
		padding: 40px 0;
	}
	.padding90,
	.padding100 {
		padding: 50px 0;
	}
	.pt60,
	.pt70,
	.pt80 {
		padding-top: 40px;
	}
	.pt90,
	.pt100 {
		padding-top: 50px;
	}
	.pb60,
	.pb70,
	.pb80 {
		padding-bottom: 40px;
	}
	.pb90,
	.pb100 {
		padding-bottom: 50px;
	}
	.mt60,
	.mt70,
	.mt80 {
		margin-top: 40px;
	}
	.mt90,
	.mt100 {
		margin-top: 50px;
	}
	.mb60,
	.mb70,
	.mb80 {
		margin-bottom: 40px;
	}
	.mb90,
	.mb100 {
		margin-bottom: 50px;
	}
	.font24 {
		font-size: 18px;
	}
	.font30,
	.font36 {
		font-size: 24px;
	}
	.font40,
	.font48 {
		font-size: 30px;
	}
}

@media screen and (max-width:767px) {
	.font18 {
		font-size: 14px;
	}
	.font20,
	.font22,
	.font24,
	.font25,
	.font27 {
		font-size: 14px;
	}
	.font30,
	.font33,
	.font35 {
		font-size: 18px;
	}
	.font60 {
		font-size: 36px;
	}
	.font36,
	.font40,
	.font48,
	.font45 {
		font-size: 22px;
	}
	.mt40,
	.mt50,
	.mt60,
	.mt70 {
		margin-top: 30px;
	}
	.mt80,
	.mt90,
	.mt100 {
		margin-top: 50px;
	}
	.mt110,
	.mt120,
	.mt130 {
		margin-top: 60px;
	}
	.mb40,
	.mb50,
	.mb60,
	.mb70 {
		margin-bottom: 30px;
	}
	.mb80,
	.mb90,
	.mb100 {
		margin-bottom: 50px;
	}
	.mb110,
	.mb120,
	.mb130 {
		margin-bottom: 60px;
	}
	.padding60,
	.padding50 {
		padding: 25px 0;
	}
	.padding70,
	.padding80 {
		padding: 35px 0;
	}
	.padding90,
	.padding100 {
		padding: 50px 0;
	}
	.padding110,
	.padding120,
	.padding130 {
		padding: 60px 0;
	}
	.pt40,
	.pt50,
	.pt60,
	.pt70 {
		padding-top: 30px;
	}
	.pt80,
	.pt90,
	.pt100 {
		padding-top: 50px;
	}
	.pt110,
	.pt120,
	.pt130 {
		padding-top: 60px;
	}
	.pb40,
	.pb50,
	.pb60,
	.pb70 {
		padding-bottom: 30px;
	}
	.pb80,
	.pb90,
	.pb100 {
		padding-bottom: 50px;
	}
	.pb110,
	.pb120,
	.pb130 {
		padding-bottom: 60px;
	}
}